/*引入混合函数*/
/*声明混合函数*/
/*设置元素的宽度等于当前页面的宽度*/
/*设置文字垂直居中 */
/*设置图片为块级元素，并且宽度为100%*/
/*给图片占位置用的函数*/
/*引入全局变量*/
/*用于放全局变量*/
#order {
  width: 100%;
  position: relative;
}
#order .top-nav {
  background-color: #1448ae;
  display: flex;
  font-size: 0.16rem;
}
#order .top-nav .top-nav1 {
  width: 33.333%;
}
#order .top-nav .top-nav1 i {
  display: block;
  margin: 0.1rem 0rem 0rem 0.15rem;
  height: 0.175rem;
  width: 0.175rem;
  background: url(../images/icon/sprites.png) no-repeat -0.5rem -0.15rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#order .top-nav p {
  padding: 0.1rem 0rem;
  display: block;
  width: 33.333%;
  text-align: center;
  color: #ffffff;
}
#order .top-nav .top-nav3 {
  padding: 0.1rem 0rem;
  width: 33.333%;
  text-align: right;
  padding-right: 0.15rem;
  color: #ffffff;
  font-size: 0.12rem;
}
#order .order-page {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
#order .order-page .order-details {
  width: 92%;
  margin: 0.16rem auto;
  background-color: #f4f4f4;
}
#order .order-page .order-details .order-sanya {
  display: flex;
  padding: 0.18rem 0rem 0.05rem 0rem;
}
#order .order-page .order-details .order-sanya span {
  color: #636363;
  display: block;
  margin-left: 0.1rem;
  font-size: 0.17rem;
}
#order .order-page .order-details .order-sanya span.num1 {
  color: #F88412;
  font-size: 0.15rem;
  margin-left: 0.55rem ;
}
#order .order-page .order-details .order-sanya a {
  display: block;
  margin-left: 0.17rem;
  background-color: #1ab2db;
}
#order .order-page .order-details .order-sanya a i {
  display: block;
  width: 0.27rem;
  height: 0.27rem;
  background: url(../images/icon/sprites.png) no-repeat -2.59rem -2.58rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#order .order-page .order-details .order-state {
  padding: 0.1rem 0rem;
  font-size: 0.15rem;
  color: #666666;
  display: flex;
}
#order .order-page .order-details .order-state span {
  width: 50%;
}
#order .order-page .order-details .order-state span:nth-child(1) {
  padding-left: 0.45rem;
}
#order .order-page .order-details .order-state span:nth-child(2) {
  text-align: right;
  padding-right: 0.14rem;
}
#order .order-page .order-details .order-btn {
  font-size: 0.15rem;
  color: #1AB2DB;
  display: flex;
  justify-content: flex-end;
  padding: 0.08rem 0.08rem 0.16rem 0rem;
}
#order .order-page .order-details .order-btn a {
  border: 0.01rem solid #BBBBBB;
  margin-right: 0.08rem;
  padding: 0.08rem 0rem;
  display: block;
  width: 0.73rem ;
  text-align: center;
  border-radius: 0.04rem;
  color: #1AB2DB;
}
#order .order-page .order-details .order-btn a:nth-child(3) {
  background-color: #1AB2DB;
  color: #FFFFFF;
  border: none;
}
#order .order-page .order-check {
  font-size: 0.15rem;
  width: 92%;
  margin: 0.16rem auto;
  text-align: center;
  padding: 0.16rem 0rem;
}
#order .order-page .order-check p {
  color: #999999;
  margin-bottom: 0.08rem;
}
#order .order-page .order-check a {
  padding: 0.04rem;
  color: #666666;
  border: 0.01rem solid #DCDCDC;
}
#order .order-page .order-check a span {
  color: #DCDCDC;
}
#order .order-ico {
  width: 100%;
}
#order .order-ico a {
  position: fixed;
  right: 0.2rem;
  bottom: 0.45rem;
  display: block;
  width: 0.22rem;
  height: 0.22rem;
}
#order .order-ico a i:nth-child(1) {
  width: 0.22rem;
  height: 0.22rem;
  display: block;
  background: url(../images/icon/sprites.png) no-repeat -1.16rem -3.08rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#order .order-tabbar {
  width: 100%;
  position: fixed;
  left: 0rem;
  bottom: 0rem;
  background-color: #999999;
  display: flex;
}
#order .order-tabbar a {
  width: 33.333%;
  display: block;
  font-size: 0.15rem;
  padding: 0.1rem 0rem;
  color: #ffffff;
}
#order .order-tabbar a:nth-child(1) {
  position: relative;
  padding-left: 0.5rem;
}
#order .order-tabbar a:nth-child(1) i {
  position: absolute;
  top: 0.09rem;
  left: 0.25rem;
  width: 0.22rem;
  height: 0.22rem;
  background: url(../images/icon/sprites.png) no-repeat -0.23rem -3.08rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem ;
}
#order .order-tabbar a:nth-child(2) {
  position: relative;
  padding-left: 0.4rem;
}
#order .order-tabbar a:nth-child(2) i {
  position: absolute;
  top: 0.09rem;
  left: 0.18rem;
  width: 0.16rem;
  height: 0.25rem;
  background: url(../images/icon/sprites.png) no-repeat -0.69rem -3.05rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem ;
}
#order .order-tabbar a:nth-child(3) {
  position: relative;
  padding-right: 0.43rem;
  text-align: right;
}
#order .order-tabbar a:nth-child(3) i {
  position: absolute;
  top: 0.09rem;
  right: 0.18rem;
  width: 0.2rem;
  height: 0.2rem;
  border: 0.01rem solid #ffffff;
}
